<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>You just published a Jina Hub image!</title>
    <link href="https://fonts.googleapis.com/css?family=Comfortaa:100,400,500,800" rel="stylesheet" type="text/css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" rel="stylesheet">
    <link href="./style.min.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/styles/github.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.1/highlight.min.js"></script>
</head>
<body>
<!-- partial:index.partial.html -->
<!-- ICONS -->
<svg height="0" id="svg-source" style="position: absolute" version="1.1"
     xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
    <g data-iconmelon="e-commerce icons:7c96e2dece0152dc594d66b260f79db0" id="shopping-cart">
        <path d="m492.25 285.422c2.591-4.877.738-10.931-4.139-13.523-56.033-29.776-124.386-22.635-172.942 17.266l-16.157-16.157 26.387-26.387c3.905-3.905 3.905-10.237 0-14.143-3.906-3.905-10.236-3.905-14.143 0l-26.387 26.387-64.381-64.381c14.644-19.639 23.857-42.707 26.762-67.27 3.347-28.316-1.98-56.64-15.408-81.907-2.591-4.877-8.647-6.729-13.523-4.138-4.877 2.592-6.729 8.646-4.138 13.523 21.538 40.53 18.167 88.656-8.007 125.478l-42.427-42.427c-5.953-5.953-14.415-8.423-22.637-6.612-8.222 1.813-14.86 7.614-17.758 15.519l-121.82 332.332c-3.327 9.077-1.148 18.963 5.689 25.799 4.721 4.721 10.894 7.221 17.253 7.221 2.85 0 5.737-.503 8.546-1.532l332.33-121.821c7.905-2.897 13.706-9.536 15.52-17.757 1.812-8.222-.659-16.684-6.612-22.637l-44.86-44.861c42.253-33.714 101.034-39.497 149.329-13.833 4.876 2.592 10.93.738 13.523-4.139zm-332.974 157.465-90.161-90.161 24.982-68.151 133.33 133.33zm-48.867 17.913-59.207-59.207 10.326-28.169 77.05 77.05zm-84.273 30.891c-2.37.869-4.007-.287-4.774-1.052-.766-.766-1.921-2.404-1.052-4.773l23.304-63.575 46.096 46.096zm335.203-125.106c-.2.907-.839 2.54-2.871 3.285l-61.477 22.535-56.877-56.878c-3.905-3.906-10.237-3.905-14.142-.001-3.905 3.905-3.906 10.237-.001 14.142l50.322 50.323-28.169 10.326-146.44-146.44 10.326-28.169 50.323 50.322c1.952 1.953 4.512 2.929 7.071 2.929s5.119-.977 7.071-2.929c3.905-3.905 3.905-10.237-.001-14.142l-56.877-56.877 22.535-61.477c.745-2.032 2.378-2.671 3.286-2.872.276-.061.631-.113 1.034-.113.919 0 2.09.272 3.154 1.337l210.51 210.51c1.53 1.531 1.423 3.282 1.223 4.189z"
              id="XMLID_1068_"/>
        <path d="m301.597 79.804c5.523 0 10-4.477 10-10 0-8.375 6.814-15.188 15.189-15.188 19.402 0 35.188-15.785 35.188-35.188 0-5.523-4.478-10-10-10s-10 4.477-10 10c0 8.375-6.814 15.188-15.188 15.188-19.403 0-35.189 15.785-35.189 35.188 0 5.523 4.478 10 10 10z"
              id="XMLID_1441_"/>
        <path d="m390.319 174.195c20.039 0 36.342-16.303 36.342-36.341 0-9.01 7.33-16.341 16.341-16.341 5.522 0 10-4.477 10-10s-4.478-10-10-10c-20.038 0-36.341 16.303-36.341 36.341 0 9.01-7.331 16.341-16.342 16.341-5.522 0-10 4.477-10 10s4.478 10 10 10z"
              id="XMLID_1462_"/>
        <path d="m448.002 193.485c0 17.645 14.355 32 32 32s32-14.355 32-32-14.355-32-32-32-32 14.355-32 32zm32-12c6.617 0 12 5.383 12 12s-5.383 12-12 12-12-5.383-12-12 5.383-12 12-12z"
              id="XMLID_1489_"/>
        <path d="m315.11 169.854c17.645 0 32-14.355 32-32s-14.355-32-32-32-32 14.355-32 32 14.356 32 32 32zm0-44c6.617 0 12 5.383 12 12s-5.383 12-12 12-12-5.383-12-12 5.383-12 12-12z"
              id="XMLID_1502_"/>
        <path d="m128.002 64c17.645 0 32-14.355 32-32s-14.355-32-32-32-32 14.355-32 32 14.355 32 32 32zm0-44c6.617 0 12 5.383 12 12s-5.383 12-12 12-12-5.383-12-12 5.383-12 12-12z"
              id="XMLID_1619_"/>
        <path d="m452.505 351.058c-3.904-3.905-10.234-3.905-14.143-.001-3.905 3.905-3.905 10.237 0 14.142l9.428 9.428c1.953 1.953 4.512 2.929 7.071 2.929s5.118-.977 7.071-2.929c3.905-3.905 3.905-10.237 0-14.142z"
              id="XMLID_1620_"/>
        <path d="m499.645 398.198c-3.906-3.905-10.236-3.905-14.143 0-3.905 3.905-3.905 10.237 0 14.143l9.428 9.428c1.953 1.953 4.512 2.929 7.071 2.929s5.118-.976 7.071-2.929c3.905-3.905 3.905-10.237 0-14.143z"
              id="XMLID_1659_"/>
        <path d="m494.93 351.058-9.428 9.428c-3.905 3.905-3.905 10.237 0 14.142 1.953 1.953 4.512 2.929 7.071 2.929s5.119-.977 7.071-2.929l9.428-9.428c3.905-3.905 3.905-10.237 0-14.142-3.905-3.906-10.237-3.905-14.142 0z"
              id="XMLID_1690_"/>
        <path d="m447.79 398.198-9.428 9.428c-3.905 3.905-3.905 10.237 0 14.143 1.953 1.953 4.512 2.929 7.071 2.929 2.56 0 5.118-.976 7.071-2.929l9.428-9.428c3.905-3.905 3.905-10.237 0-14.143-3.906-3.905-10.236-3.905-14.142 0z"
              id="XMLID_1712_"/>
        <path d="m492.574 29.428c2.559 0 5.119-.976 7.071-2.929l9.428-9.428c3.905-3.905 3.905-10.237 0-14.142-3.906-3.905-10.238-3.905-14.143 0l-9.428 9.428c-3.905 3.905-3.905 10.237 0 14.142 1.954 1.953 4.512 2.929 7.072 2.929z"
              id="XMLID_1715_"/>
        <path d="m445.433 76.568c2.56 0 5.118-.976 7.071-2.929l9.428-9.428c3.905-3.905 3.905-10.237 0-14.143-3.906-3.905-10.236-3.905-14.143 0l-9.428 9.428c-3.905 3.905-3.905 10.237 0 14.143 1.954 1.953 4.513 2.929 7.072 2.929z"
              id="XMLID_1747_"/>
        <path d="m499.645 50.069c-3.906-3.905-10.236-3.905-14.143 0-3.905 3.905-3.905 10.237 0 14.143l9.428 9.428c1.953 1.953 4.512 2.929 7.071 2.929s5.118-.976 7.071-2.929c3.905-3.905 3.905-10.237 0-14.143z"
              id="XMLID_1750_"/>
        <path d="m447.79 26.499c1.953 1.953 4.512 2.929 7.071 2.929s5.118-.976 7.071-2.929c3.905-3.905 3.905-10.237 0-14.142l-9.428-9.428c-3.904-3.905-10.234-3.905-14.143 0-3.905 3.905-3.905 10.237 0 14.142z"
              id="XMLID_1751_"/>
        <path d="m201.221 300.78c-2.63 0-5.21 1.07-7.07 2.93s-2.93 4.44-2.93 7.07 1.07 5.21 2.93 7.07 4.44 2.93 7.07 2.93 5.21-1.07 7.07-2.93 2.93-4.44 2.93-7.07-1.07-5.21-2.93-7.07-4.44-2.93-7.07-2.93z"
              id="XMLID_1755_"/>
        <path d="m347.118 196.616-7.25 7.25c-3.905 3.905-3.905 10.237 0 14.143 1.953 1.953 4.512 2.929 7.071 2.929s5.118-.976 7.071-2.929l7.25-7.25c3.905-3.905 3.905-10.237 0-14.143-3.906-3.905-10.236-3.905-14.142 0z"
              id="XMLID_1756_"/>
    </g>
    <g data-iconmelon="e-commerce icons:c3144b166f93e0f6b73aee04a0a48397" id="credit-card">
        <path d="m437 146h-71v-71c0-41.355469-33.644531-75-75-75h-70c-41.355469 0-75 33.644531-75 75v71h-71c-41.355469 0-75 33.644531-75 75v70c0 41.355469 33.644531 75 75 75h71v71c0 41.355469 33.644531 75 75 75h70c41.355469 0 75-33.644531 75-75v-71h71c41.355469 0 75-33.644531 75-75v-70c0-41.355469-33.644531-75-75-75zm-362 190c-24.8125 0-45-20.1875-45-45v-70c0-24.8125 20.1875-45 45-45h181c8.285156 0 15-6.714844 15-15s-6.714844-15-15-15h-80v-71c0-24.8125 20.1875-45 45-45h70c24.8125 0 45 20.1875 45 45v166h-175c-8.285156 0-15 6.714844-15 15v80zm407-45c0 24.8125-20.1875 45-45 45h-181c-8.285156 0-15 6.714844-15 15s6.714844 15 15 15h80v71c0 24.8125-20.1875 45-45 45h-70c-24.8125 0-45-20.1875-45-45v-166h175c8.285156 0 15-6.714844 15-15v-80h71c24.8125 0 45 20.1875 45 45zm0 0"/>
        <path d="m236 90c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0"/>
        <path d="m306 422c0 8.285156-6.714844 15-15 15s-15-6.714844-15-15 6.714844-15 15-15 15 6.714844 15 15zm0 0"/>
    </g>
    <g data-iconmelon="e-commerce icons:05fa65d254ada5a9cb5c2f1e8d87f02b" id="gift">
        <g>
            <g>
                <path d="M48,0C21.528,0,0,21.528,0,48s21.528,48,48,48s48-21.528,48-48S74.472,0,48,0z M48,80c-17.648,0-32-14.352-32-32
			s14.352-32,32-32s32,14.352,32,32S65.648,80,48,80z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M432,272c-26.472,0-48,21.528-48,48s21.528,48,48,48s48-21.528,48-48S458.472,272,432,272z M432,352
			c-17.648,0-32-14.352-32-32s14.352-32,32-32s32,14.352,32,32S449.648,352,432,352z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M432,384c-26.472,0-48,21.528-48,48s21.528,48,48,48s48-21.528,48-48S458.472,384,432,384z M432,464
			c-17.648,0-32-14.352-32-32s14.352-32,32-32s32,14.352,32,32S449.648,464,432,464z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M277.656,42.344l-24-24l-11.312,11.312L252.688,40H112v16h140.688l-10.344,10.344l11.312,11.312l24-24
			C280.784,50.528,280.784,45.472,277.656,42.344z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M344,176H203.312l10.344-10.344l-11.312-11.312l-24,24c-3.128,3.128-3.128,8.184,0,11.312l24,24l11.312-11.312
			L203.312,192H344V176z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M404,40H296v16h108c33.088,0,60,26.912,60,60s-26.912,60-60,60h-16.688l10.344-10.344l-11.312-11.312l-24,24
			c-3.128,3.128-3.128,8.184,0,11.312l24,24l11.312-11.312L387.312,192H404c41.904,0,76-34.096,76-76S445.904,40,404,40z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M365.656,314.344l-24-24l-11.312,11.312L340.688,312H240v16h100.688l-10.344,10.344l11.312,11.312l24-24
			C368.784,322.528,368.784,317.472,365.656,314.344z"/>
            </g>
        </g>
        <g>
            <g>
                <path d="M365.656,426.344l-24-24l-11.312,11.312L340.688,424H208c-26.472,0-48-21.528-48-48c0-19.12-8.472-36.264-21.808-48
			h58.496l-10.344,10.344l11.312,11.312l24-24c3.128-3.128,3.128-8.184,0-11.312l-24-24l-11.312,11.312L196.688,312H96h-8H76
			c-33.088,0-60-26.912-60-60s26.912-60,60-60h84v-16H76c-41.904,0-76,34.096-76,76s34.096,76,76,76h12h8c26.472,0,48,21.528,48,48
			c0,35.288,28.712,64,64,64h132.688l-10.344,10.344l11.312,11.312l24-24C368.784,434.528,368.784,429.472,365.656,426.344z"/>
            </g>
        </g>
        <g>
            <g>
                <rect height="16" width="16" x="104" y="384"/>
            </g>
        </g>
        <g>
            <g>
                <rect height="16" width="16" x="72" y="384"/>
            </g>
        </g>
        <g>
            <g>
                <rect height="16" width="16" x="40" y="384"/>
            </g>
        </g>
    </g>
    <g id="package">
        <g>
            <g>
                <path d="M0,32v416h480V32H0z M448,416H32V64h416V416z"/>
            </g>
        </g>
        <g>
            <g>
                <rect height="32" width="128" x="208" y="288"/>
            </g>
        </g>
        <g>
            <g>
                <polygon
                        points="123.36,132.64 102.24,153.76 172.64,224 102.24,294.24 123.36,315.36 214.56,224 		"/>
            </g>
        </g>
    </g>
</svg>
<!-- ICONS -->

<div id="wrapper">
    <div id="left-side">
        <ul>
            <li class="choose active">
                <div class="icon active">
                    <svg viewBox="0 0 512 512">
                        <g filter="">
                            <use xlink:href="#shopping-cart"></use>
                        </g>
                    </svg>
                </div>
                Congrats!
            </li>
            <li class="pay">
                <div class="icon">
                    <svg viewBox="0 0 512 512">
                        <g filter="">
                            <use xlink:href="#credit-card"></use>
                        </g>
                    </svg>
                </div>
                Python
            </li>
            <li class="wrap">
                <div class="icon">
                    <svg viewBox="0 0 480 480">
                        <g filter="">
                            <use xlink:href="#gift"></use>
                        </g>
                    </svg>
                </div>
                YAML
            </li>
            <li class="ship">
                <div class="icon">
                    <svg viewBox="0 0 480 480">
                        <g filter="">
                            <use xlink:href="#package"></use>
                        </g>
                    </svg>
                </div>
                CLI
            </li>
        </ul>
    </div>

    <div id="border">
        <div class="one" id="line"></div>
    </div>

    <div id="right-side">
        <div class="active" id="first">
            <div class="icon big">
                <svg viewBox="0 0 512 512">
                    <g filter="">
                        <use xlink:href="#shopping-cart"></use>
                    </g>
                </svg>
            </div>

            <h1>
                <pre id="docker-name"><code class="nohighlight">{{image_name}}</code></pre>
                is now published!
            </h1>

            <p>Share with others so they can use it in their Jina stack.</p>
        </div>
        <div id="second">
            <div class="icon big">
                <svg viewBox="0 0 512 512">
                    <g filter="">
                        <use xlink:href="#credit-card"></use>
                    </g>
                </svg>
            </div>

            <h1>Python usage</h1>

            <p class="mb-1">Use this image in Flow API</p>
            <pre class="example"><code class="python">from jina.flow import Flow
f = Flow().add(uses='{{image_name}}')</code></pre>
            <p class="mb-1">Use this image in Flow API and override YAML</p>
            <pre class="example"><code class="python">from jina.flow import Flow
# assuming you have a running gateway on 192.168.0.123:45678
f = Flow().add(uses='{{image_name}}', uses_internal='my.yml')</code></pre>
            <p class="mb-1">Use this image remotely in Flow API</p>
            <pre class="example"><code class="python">from jina.flow import Flow
# assuming you have a running gateway on 192.168.0.123:45678
f = Flow().add(uses='{{image_name}}', host='192.168.0.123', port_expose=45678)</code></pre>
        </div>
        <div id="third">
            <div class="icon big">
                <svg viewBox="0 0 480 480">
                    <g filter="">
                        <use xlink:href="#gift"></use>
                    </g>
                </svg>
            </div>

            <h1>Flow YAML usage</h1>

            <p class="mb-1">Use this image in Flow YAML</p>
            <pre class="example"><code class="yaml">!Flow
pods:
  my_pod1:
    image: "{{image_name}}"</code></pre>

        </div>
        <div id="fourth">
            <div class="icon big">
                <svg viewBox="0 0 480 480">
                    <g filter="">
                        <use xlink:href="#package"></use>
                    </g>
                </svg>
            </div>

            <h1>CLI usage</h1>

            <p class="mb-1">Use this image in Jina CLI</p>
            <pre class="example"><code class="bash">jina pod --uses {{image_name}}</code></pre>
            <p class="mb-1">Use this image in Docker CLI</p>
            <pre class="example"><code class="bash">docker run -p 55555:55555 -p 55556:55556 {{image_name}} --port-in 55555 --port-out 55556</code></pre>
            <p class="mb-1">Use this image in Docker CLI and override YAML</p>
            <pre class="example"><code class="bash">docker run -v $(pwd)/my.yml:/my.yml {{image_name}} --yaml-path /my.yml</code></pre>

        </div>
    </div>
</div>
<!-- partial -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src="./script.min.js"></script>

</body>
</html>
